*{
  margin:0;
  padding:0;
}
a{
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
html{
  scroll-behavior:smooth;
}
body{
  color:#757575;
  background-color:#f6f6f6;
  font-size:16px;
}
a{
  color:#333;
  text-decoration:none;
}
a:hover{
  color:var(--theme-color);
}
b, em, i{
  font-weight:normal;
  font-style:normal;
}
.clearfix{
  zoom:1;
}
.clearfix:after{
  content:".";
  height:0;
  visibility:hidden;
  display:block;
  clear:both;
}
ol, ul{
  list-style:none;
}
svg{
  display:inline-block;
}
::-webkit-input-placeholder{
  /* WebKit browsers */
  color:$disabled;
  font-size:1rem;
}
:-moz-placeholder{
  /* Mozilla Firefox 4 to 18 */
  color:$disabled;
  font-size:1rem;
}
::-moz-placeholder{
  /* Mozilla Firefox 19+ */
  color:$disabled;
  font-size:1rem;
}
:-ms-input-placeholder{
  /* Internet Explorer 10+ */
  color:$disabled;
  font-size:1rem;
}
::-webkit-scrollbar{
  width:0.5rem;
  height:0.5rem;
  background:hsla(0, 0%, 100%, 0.6);
}
::-webkit-scrollbar-track{
  border-radius:0;
}
::-webkit-scrollbar-thumb{
  border-radius:0;
  background-color:rgba(95, 95, 95, 0.4);
  transition:all 0.2s;
  border-radius:0.5rem;
  &:hover{
    background-color:rgba(95, 95, 95, 0.7);
  }
}
.none, [hidden]{
  display:none !important;
}
#nprogress .bar{
  height:2.5px !important; //进度条高度
  background:rgba(255, 0, 0, 0.66) !important; //自定义颜色
}
#backToTop{
  position:fixed;
  right:20px;
  bottom:28px;
  width:45px;
  height:45px;
  background-color:rgba(0, 0, 0, .2);
  color:#fff;
  border-radius:50%;
  padding-top:2px;
  font-size:20px;
  cursor:pointer;
  text-align:center;
  transition:all .2s;
  &:before{
    content:" ";
    display:block;
  }
  .anticon{
    position:relative;
    top:4px;
  }
  &:hover{
    background-color:rgba(0, 0, 0, .8);
    .anticon{
      display:none;
    }
    &:before{
      padding-top:0;
      font-size:12px;
      content:"回顶部";
      line-height:42px;
      display:block;
    }
  }
}
.loader-container{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  z-index:88888;
  align-items:center;
  justify-content:center;
  height:100vh;
  width:100%;
  background:rgba(255, 255, 255, 0.1);
  .loader,
  .loader:before,
  .loader:after{
    background:#5b8bff;
    -webkit-animation:load1 1s infinite ease-in-out;
    animation:load1 1s infinite ease-in-out;
    width:1em;
    height:4em;
  }
  .loader{
    color:#5b8bff;
    text-indent:-9999em;
    margin:88px auto;
    position:relative;
    font-size:11px;
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation-delay:-0.16s;
    animation-delay:-0.16s;
  }
  .loader:before,
  .loader:after{
    position:absolute;
    top:0;
    content:"";
  }
  .loader:before{
    left:-1.5em;
    -webkit-animation-delay:-0.32s;
    animation-delay:-0.32s;
  }
  .loader:after{
    left:1.5em;
  }
  @-webkit-keyframes load1{
    0%,
    80%,
    100%{
      box-shadow:0 0;
      height:4em;
    }
    40%{
      box-shadow:0 -2em;
      height:5em;
    }
  }
  @keyframes load1{
    0%,
    80%,
    100%{
      box-shadow:0 0;
      height:4em;
    }
    40%{
      box-shadow:0 -2em;
      height:5em;
    }
  }
}
.svg-rot{
  a{
    svg{
      transition:all 0.6s;
    }
    &:hover{
      svg{
        transform:rotate(-360deg);
      }
    }
  }
}
.rotate-svg{
  color:var(--el-color-primary);
  svg, img{
    position:relative;
    top:-2px;
    transition:all 0.6s;
  }
  &:hover{
    color:var(--theme-orange);
    svg, img{
      transform:rotate(-360deg);
    }
  }
}
.panel-empty{
  color: #c0c0c0;
}
.panel-introduction{
  color: #999;
}
